<template>
	<div>
		<h2 :class="[$style.red, $style.bold]">
			<svg class="icon" aria-hidden="true">
				<use xlink:href="#icon-HOMEMESSAGE" />
			</svg>
			{{title}}
		</h2>
		<div>下面列：</div>
		<heading :level="1" icon="HOMEMESSAGE">
			<a :title="title">{{title}}</a>
		</heading>

		<Button type="primary">Primary</Button>
	</div>
</template>

<script>
export default {
	data() {
		return {
			title: "渲染函数"
		};
	}
};
</script>
<style module lang="scss">
.red {
	color: #f00;
}
.bold {
	font-weight: bold;
}
</style>
<style scoped lang="scss">
.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
.ivu-btn-primary {
	color: #f00;
}
</style>